<template>
    <div class="copyEntry">
        <!-- 合规规则新增 -->
        <el-dialog title="合规规则新增" :visible.sync="itemSettingDialog" width="96%" top="5vh" custom-class="import-dialog" :close-on-click-modal="false">
            <div class="content">
                <ItemControlDetail
                :itemData="itemData"
                ></ItemControlDetail>
            </div>
            <span slot="footer" class="dialog-footer">
                <el-button @click="itemSettingDialog = false">取 消</el-button>
                <el-button type="primary" @click="itemSettingDialog = false">确 定</el-button>
            </span>
        </el-dialog>
    </div>
</template>
<script lang="ts">
import { Component, Vue, Watch } from 'vue-property-decorator';
import ItemControlDetail from '@/pages/setting/components/item-setting/item-control-detail.vue';
@Component({
    name: 'ItemSettingDialog',
    components: {
        ItemControlDetail,
    },
})
export default class ItemSettingDialog extends Vue {
    private itemSettingDialog: boolean = false;
    itemData: any = {
        content: '',
        name: '新增条目',
        title: '新增条目',
        type: 'add'
    }
}
</script>
<style lang="scss" scoped>
/deep/ .el-dialog{
    overflow: auto;
}
/deep/ .el-dialog .el-dialog__body{
    height: 76vh !important;
    padding: 0px 10px 10px 10px !important;
    max-height: 70vh;
    min-width: 1200px;
    overflow: auto;
}
</style>
